<!--
 * @Author: Archy
 * @Date: 2022-08-02 00:02:37
 * @LastEditors: Archy
 * @LastEditTime: 2022-08-02 00:04:18
 * @FilePath: \ant-design-vue-pro\docs\example\formPro\formProSample.vue
 * @description: 
-->
<template>
  <Card>
    <a-form-pro :model="model" :rules="rules" ref="formPro" :mode="mode" :disabled="disabled" :align="'middle'">
      <a-form-pro-item label="输入框" name="one">
        <Input v-model:value="model.one"></Input>
      </a-form-pro-item>
      <a-form-pro-item label="选择框" name="two">
        <Select v-model:value="model.two"></Select>
      </a-form-pro-item>
      <a-form-pro-item label="单选框" name="true">
        <Radio v-model:checked="model.true"></Radio>
      </a-form-pro-item>
      <a-form-pro-item :label="label" name="true">
        <Input v-model:value="model.one"></Input>
      </a-form-pro-item>
      <a-form-pro-item label="多选框" span="auto" flex="auto">
        <Input v-model:value="model.one"></Input>
      </a-form-pro-item>
      <a-form-pro-item>
        <div>
          <Button @click="onSubmit">确定</Button>
          <Button @click="() => { formPro?.resetFields() }">取消</Button>
        </div>
      </a-form-pro-item>
    </a-form-pro>
  </Card>
</template>
<script>
import { defineComponent } from 'vue';
import formPro from '../../../es/components/formPro/formPro';
export default defineComponent({
  name: '',
  setup() {
    const
    return {
    }
  }
})
</script>
<style lang='less' scoped>
</style>